Tech News Aggregator is a web application designed to provide users with the latest and most relevant tech news articles from various reliable sources. The app offers a user-friendly interface, search functionality, and SEO optimization to enhance the user experience.
Key Features
- Article List: Displays a list of articles with titles, authors, and publication dates.
- Search Functionality: Allows users to filter articles by title.
- Responsive UI: Optimized for various devices to ensure a seamless user experience.
- Server-side Rendering: Enhances SEO and performance by rendering pages on the server.
- Unique URLs: Each article has a unique URL with proper meta tags for better SEO.
- Pagination: Supports pagination for easy navigation through articles.
- Sorting: Users can sort articles by date or author.
- Automated Testing: Comprehensive tests written using Playwright to ensure the application's reliability and performance.
Technologies Used
Next.js 14, TypeScript, GraphQL, Playwright, Tailwind CSS, Shadcn UI, Vercel
Purpose and Goal
To provide a centralized platform for tech enthusiasts to stay updated with the latest news articles from various reliable sources.
Role
Sole developer and project owner: Managed all aspects of the Tech News Aggregator project from conception to deployment.
Technical Hurdles
- Learning and implementing GraphQL for the first time, including setting up and integrating with a GraphQL API.
Solutions
- Spent time understanding GraphQL concepts and best practices, which resulted in a successful integration with GraphQL, enabling efficient data fetching and handling.